import styled from 'styled-components'
import img from '@img/all.png'
export const StyledMenuWrap = styled.div<{ disabled?: boolean }>`
	.operate {
		position: absolute;
		right: 0;
		top: 0;
		span {
			display: inline-block;
			width: 23px;
			height: 23px;
			background-image: url(${img});
			cursor: ${(props) => (props.disabled ? '' : 'pointer')};
			&.set {
				background-position: -92px -226px;
				&:hover {
					background-position: -115px -226px;
				}
			}
			&.delete {
				background-position: -184px -226px;
				&:hover {
					background-position: -207px -226px;
				}
			}
		}
	}
`
export const StyledPopup = styled.div`
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 0;
	width: 170px;
	border-radius: 6px;
	.item-line {
		border-bottom: 1px solid #ccc;
		cursor: default;
		display: block;
		font-size: 0;
		height: 1px;
		margin: 2px 5px;
		padding: 0;
		width: 160px;
	}
	.rc_box-menu {
		padding-left: 30px;
		color: #4e4e4e;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		text-align: left;
		width: 100%;
		cursor: pointer;
		&:hover {
			background: #1e94da;
			color: #ffffff;
			width: auto;
		}
	}
`
/**选中按钮*/
export const SelectedIcon = styled.div`
	height: 10px;
	width: 10px;
	position: absolute;
	margin: 10px 0px 0px -20px;
	background: url(${img}) no-repeat 0 -652px;
`
